/* Filters */
.filtering-filter {
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5rem;
  // & > * {
  //   background-color: $primary;
  //   color: $white;
  //   border-radius: 0.5rem;
  // }

  &.checked > * {
    background-color: $primary;
    color: $white;
    border-radius: 0.5rem;
  }

  &.disabled {
    color: lightgrey;
  }
}

/* Items */
.filtering-item {
  &.filtered {
    display: none;
  }
}

@include media-breakpoint-up(xl) {
  .filtering-filter {
    cursor: pointer;
    font-size: 0.875rem;
  }
}
